<script setup>
import {useLocale} from '@/utils/useLocale'
const $commI18n = useLocale('comm')
const props = defineProps({
  iconSize: {//图标大小
    type: Number,
    default: 120
  },
  iconColor: {//图标颜色
    type: String,
    default: 'var(--icon-color-pressed)'
  }
})
</script>

<template>
  <n-el class="empty-content">
    <n-icon :size="props.iconSize" :color="props.iconColor">
      <icon-mm-empty_content/>
    </n-icon>
    <div class="empty-content__txt">
      <slot>{{ $commI18n.emptyContent }}</slot>
    </div>
  </n-el>
</template>

<style scoped lang="less">
.empty-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 24px;

  &__txt {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
</style>